import Image from "next/image"
import { QrCode } from "lucide-react"

export default function AppDownloadPage() {
  return (
    <main className="container mx-auto px-4 py-8">
      <div className="max-w-4xl mx-auto">
        <h1 className="text-3xl font-bold mb-6">APP下载</h1>
        <div className="grid md:grid-cols-2 gap-8">
          <div className="space-y-4">
            <h2 className="text-2xl font-semibold">移动端APP</h2>
            <p className="text-muted-foreground">下载我们的APP，随时随地学习心理课程，获取专业指导。</p>
            <div className="flex items-center space-x-4">
              <QrCode className="w-32 h-32 text-accent" />
              <div>
                <p className="font-medium">扫描二维码下载</p>
                <p className="text-sm text-muted-foreground">支持iOS和Android</p>
              </div>
            </div>
          </div>
          <div className="relative h-[400px]">
            <Image src="/placeholder.svg" alt="APP Preview" fill className="object-contain" />
          </div>
        </div>
      </div>
    </main>
  )
}

